._video-player{
    position: relative;
    box-sizing: border-box;
    ._container{
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box;
    }
    ._no-video-url{
        background-color: #333;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 2px;
        color: #999;
    }

    &.small{
        .xgplayer .xgplayer-controls{
            height: 38px !important;
        }
        .xgplayer xg-icon .xgplayer-icon{
            height: 24px !important;
            transform: translateY(-30%) !important;
        }
        .xgplayer .xgplayer-start, .xgplayer-loading{
            transform: translate(-50%, -50%) scale(0.75);
        }
    }
}

.xgplayer-error{
    background: #333 !important;
}
.xgplayer .xgplayer-poster{
    background-size: 100% 100% !important;
}
.xgplayer video{
    // outline: 1px solid #f00 !important;
    object-fit: fill;
    border: none;
    box-sizing: border-box;
}